<template>
<!--  编写页面代码-->
  <img alt="Vue logo" src="./assets/logo.png">
<!--  使用一个HelloWorld的组件，组件在使用之前必须先引入-->
  <HelloWorld msg="Welcome to Your Vue.js App"/>
  <HelloWorld msg="Welcome to Your Vue.js App"/>
</template>

<!--编写脚本，即JS代码-->
<script>
// 引入HelloWorld组件
// import 自定义名称 from '组件的路径'；一般使用相对路径
import HelloWorld from './components/HelloWorld.vue'

export default {
  name: 'App',
  // 注册组件，组件没有注册是不能被使用的
  components: {
    HelloWorld
  }
}
</script>

<!--编写样式，即CSS，SASS，Less-->
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
